<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .one {
            color:crimson;
        }

        .two {
            color: brown;
        }

        .three {
            color: violet;
        }

        .free {
            color: slategray;
        }

        div a{
            text-decoration:none;
        }
    </style>
</head>
<body>
    <div>
        <span class="one">1&nbsp&nbsp</span>
        <span><a href="#">中国空间站第三棒全力开跑</a></span>
    </div>
    <div>
        <span class="two">2&nbsp&nbsp</span>
        <span><a href="#">#2022高考作文来了#</a></span>
    </div>
    <div>
        <span class="three">3&nbsp&nbsp</span>
        <span><a href="#">深圳回应"50辆宾利堵车位"纠纷</a></span>
    </div>
    <div>
        <span class="free">4&nbsp&nbsp</span>
        <span><a href="#">回头看高考清楚永不老</a></span>
    </div>
    <div>
        <span class="free">5&nbsp&nbsp</span>
        <span><a href="#">不出意外今年高考有出意外了</a></span>
    </div>
    <div>
        <span class="free">6&nbsp&nbsp</span>
        <span><a href="#">考生又忘带准考证家长又送错考场</a></span>
    </div>
</body>
</html>